<!--
 * @Description: 
 * @Author: 张文韬
 * @Date: 2022-09-04 15:19:42
 * @LastEditTime: 2024-06-24 15:02:00
 * @LastEditors: 张文韬
 * @Reference: 
-->
<template>
  <el-pagination
    :currentPage="currentPage"
    :page-size="pageSize"
    :total="total"
    :page-sizes="pageSizes"
    :layout="layout"
    v-bind="$attrs"
    class="page-box"
  />
</template>

<script>
export default {
  name: 'Epagination',
  components: {},
  props: {
    total: {
      type: Number,
      default: 0
    },
    currentPage: {
      type: Number,
      default: 1
    },
    pageSize: {
      type: Number,
      default: 10
    },
    pageSizes: {
      type: Array,
      default() {
        return [10, 20, 50, 100]
      }
    },
    layout: {
      type: String,
      default: 'total, sizes, prev, pager, next, jumper'
    },
    fixed: {
      type: String,
      default: 'right'
    }
  },
  data() {
    return {}
  },
  watch: {}
}
</script>
<style lang="scss" scoped>
.page-box {
 // padding-top: 10px;
  display: flex;
  justify-content: end;
}
</style>
